<!DOCTYPE html>
<html>
	<head>
		<!-- 字符编码 -->
		<meta charset="utf-8">
		<!-- 定义适配移动端屏幕比例代码 -->
		<meta name="viewport"
			content="width=device-width,user-scalable=no,inital-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<div class="header">
			<div class="header-f">
				<div class="logo">
					<img src="images/logo.png" >
				</div> 
				<div class="nav">
					<ul>
						<li>
							<a style="color: #FF0000;" href="login.html">登录注册</a>
						</li>
					</ul> 
				</div>
			</div>
		</div>
		<div class="login">
			<div class="login-f">
				<h3>欢迎注册</h3>
				<div class="login-box">
					<input type="text" placeholder="请输入账号" class="name"/>
					<input type="text" placeholder="请输入密码" class="password"/>
					<input type="text" placeholder="请输入性别" class="password"/>
					<input type="text" placeholder="请输入QQ邮箱" class="password"/>
					<input type="text" placeholder="请输入兴趣爱好" class="password"/>
				</div>
				<button type="button" class="btn" onclick="location.href='login.html'">注册</button>
				<p>已有账号，<a href="login.html">点击登陆</a></p>
			</div>
		</div>
		<div class="footer">
			<p>姓名:黎训斌 学号:0223610 班级:软件11班</p>
			<p>报告：亮点 移动端通用 轮播图  鼠标指示放大效果 </p>
		</div>
	</body>
</html>